<template>
  <div>
    ref {{ myname }} -- {{ myage }}
    <button @click="handleChange">change</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup () {
    const myname = ref('lisa')
    const myage = ref(100)

    const handleChange = () => {
      myname.value = 'json'
      myage.value = 18
    }

    return {
      myname,
      myage,
      handleChange
    }
  }
}
</script>
